<template>
	<view style="background: #eeeeee;">
		<div class="f-nav">
			<a v-for="(data,i) in config.tabs" @tap="goPage(data.url)">{{data.name}}</a>

		</div>

		<div class="web_bq">{{config.title}}-槟榔行业最新资讯平台<br />网站备案号：湘ICP备2020018591号-2</div>
		<div class="footer_line">
			<div class="footer clearfix ">
				<span class="font_clo">加盟咨询：</span>手机<span class="special">17683723918</span>(手机号码拨打电话)<br />
				<span class="font_clo">提醒：</span>多咨询，多实地考察，小心提放低价陷阱。<br />
				<span class="font_clo">声明：</span>以上所展示的信息均由第三方免费发布，内容的真实性、准确性和合法性均有发布用户负责，本站对此不承担任何相关连带责任。<br />
				<!-- <span class="font_clo">与本站合作：</span>请联系微信<span class="special">HoPeTian</span><br /> -->
			</div>
		</div>
		<!-- <div class='footer'>
			<ul>
				<li><a><i class='ft_1 '></i><span>首页</span></a></li>
				<li><a><i class='ft_2 '></i><span>品牌</span></a></li>
				<li><a><i class='ft_3'></i><span>视频</span></a></li>
				<li><a><i class='ft_4'></i><span>曝光</span></a></li>
			</ul>
		</div> -->

		<uni-tabbar class="uni-tabbar-bottom">
			<div class="uni-tabbar" style="background-color: rgba(255, 255, 255, 0.8); backdrop-filter: none;">
				<div class="uni-tabbar-border" style="background-color: rgba(0, 0, 0, 0.33);"></div>
				<div class="uni-tabbar__item" @tap="goPage(d.url)" v-for="(d,i) in config.tabs_footer">
					<div class="uni-tabbar__bd" style="height: 35px;">
						<block v-if="path!=d.url">
							<div class="uni-tabbar__icon" style="width: 15px; height: 15px;"><img :src="d.icon">
							</div>
							<div class="uni-tabbar__label" style="color: rgb(0, 0, 0); font-size: 10px; line-height: normal; margin-top: 3px;">
								{{d.name}}
							</div>
						</block>
						<block v-else>
							<div class="uni-tabbar__icon" style="width: 15px; height: 15px;"><img :src="d.icon_live">
							</div>
							<div class="uni-tabbar__label" style="color: rgb(255, 0, 0); font-size: 10px; line-height: normal; margin-top: 3px;">
								{{d.name}}
							</div>
						</block>
					</div>
				</div>
			</div>
			<div class="uni-placeholder" style="height: 35px;"></div>
		</uni-tabbar>

		<df-form-phone :showIcon="false" :open="openFormStatusPhone"></df-form-phone>
	</view>
</template>

<script>
	export default {
		props: {

		},
		data() {
			return {
				config: this.$config,
				openFormStatusPhone: false,
				path: ''
			}
		},
		created() {
			this.path = this.$Router.$route.history.current.path;
			console.log('path:'+this.path);
		},
		methods: {
			goPage: function(e) {
				// console.log(e)
				if (e == '/') {
					this.$functions.goPage(e);
					return;
				}
				var _this = this;
				var phoneVerify = this.$functions.getCache('phoneVerify');
				phoneVerify.then(function(x) {
					// console.log("phoneVerify:" + x)
					// 调用弹窗
					if (!x && e == "/baoguang")
						_this.openFormPhone();
					//直接跳转 
					else
						_this.$functions.goPage(e);
				})
			},
			openFormPhone() {
				// 轮流切换open值，触发模板里的watch函数
				this.openFormStatusPhone = this.openFormStatusPhone ? false : true;
				console.log('openFormPhone');
			},
		}

	}
</script>

<style lang="scss">
	@import '@/static/css/online/index.scss';


	.f-nav {
		width: 90%;
		margin: 0 auto;
		display: flex;
		padding-bottom: .7rem;


		a {
			flex: 1;
			color: #000000;
			text-align: center;
			font-size: .8rem;
		}
	}
</style>
